const express = require('express')
const ejs = require('ejs')

const app = express()

// 注册html模版引擎
app.engine('html', ejs.__express)

// 配置html模版引擎
app.set("view engine", "html")

// 指定模版位置 默认是在views文件夹下
app.set('views', __dirname + '/pages')

/**
 * 怎么配置静态资源目录？
 * */
// 配置静态资源托管目录
app.use(express.static(__dirname + '/static'))
// 也可以配置多个
app.use(express.static("public"))

/**
 * 怎样配置虚拟目录？
 *
 * app.use("/static", express.static("public"))
 * 现在就可以通过带有 /static 的前缀访问 public 目录下的资源了
 *
 * */
// app.use("/static", express.static("public"))


app.get('/home', (req, res) => {
    res.render("index", {
        // 一个基本数据类型的值
        title: "怎样使用ejs模版？",
        // 一个对象
        userInfo: {
            name: 'lizheng',
            age: 18
        },
        // 一段html字符串
        htmlStr: '<span style="color: red;">hello</span>',
        // 条件判断
        flag: true,
        score: 91,
        // 列表数据
        list: [
            { title: '新闻111', id: 1 },
            { title: '新闻222', id: 2 },
            { title: '新闻333', id: 3 },
        ],
        // 底部数据
        footerInfo: {
            company: '京东',
            tel: '6618349'
        }
    })
})

app.listen(3000, () => {
    console.log('Listening on port 3000')
})